<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<button>创建列表</button>
		<ul></ul>
	</body>
	<script>
		//需求：点击列表 添加四大美女，然后鼠标放到谁上面 ，谁高亮显示
		var arr = ["昭君出塞","西施浣纱","贵妃醉酒","貂蝉拜月"];
//		alert(arr[3])
		var btn=document.getElementsByTagName("button")[0];
		var ul=document.getElementsByTagName("ul")[0];
		var newli;
		btn.onclick=function(){
			for(var i=0;i<arr.length;i++){
				//创建li标签
				newli=document.createElement("li");
				newli.innerHTML=arr[i];
				newli.onmouseover=function(){
			  this.style.backgroundColor="red";
		
		}
					newli.onmouseout=function(){
			  this.style.backgroundColor="#eee";
		
		}
				//添加到ul里面
				ul.appendChild(newli)
			}
			
		}
	
		//作业添加高亮显示
	</script>
	
</html>
